﻿<UserControl x:Class="HomeOverlayUI.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    d:DesignHeight="300" d:DesignWidth="400">
	<UserControl.Resources>
		<Storyboard x:Name="sbMoveMouse">
			<DoubleAnimation Duration="0" Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateX)" Storyboard.TargetName="ctlMousePointer" d:IsOptimized="True"/>
			<DoubleAnimation Duration="0" Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateY)" Storyboard.TargetName="ctlMousePointer" d:IsOptimized="True"/>
		</Storyboard>
	</UserControl.Resources>

    <Grid x:Name="LayoutRoot" >

    	<TextBlock x:Name="lblFeedback" TextWrapping="Wrap" HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="48" Foreground="Red"/>
    	<Ellipse x:Name="ctlMousePointer" Fill="Red" HorizontalAlignment="Left" Height="20" VerticalAlignment="Top" Width="20" Opacity="0.5" RenderTransformOrigin="0.5,0.5">
    		<Ellipse.RenderTransform>
    			<CompositeTransform TranslateX="-100" TranslateY="-92"/>
    		</Ellipse.RenderTransform>
    	</Ellipse>
    	<Grid x:Name="gn1" Opacity="0.2" >
	    	<Grid.RowDefinitions>
	    		<RowDefinition Height="120"/>
	    		<RowDefinition Height="0.377*"/>
	    		<RowDefinition Height="0.48*"/>
	    	</Grid.RowDefinitions>
	    	<Grid.ColumnDefinitions>
	    		<ColumnDefinition Width="250"/>
	    		<ColumnDefinition Width="0.765*"/>
	    	</Grid.ColumnDefinitions>
    		<Rectangle x:Name="gn1Tree" Fill="Red" Margin="8,8,8,8" Grid.Row="1" Grid.RowSpan="2" Opacity="0.05"/>
    		<Rectangle x:Name="gn1Mail" Grid.Column="1" Fill="Red" Margin="8,8,8,8" Grid.Row="1" Opacity="0.05"/>
    		<Rectangle x:Name="gn1MailDetail" Grid.Column="1" Fill="Red" Margin="8" Grid.Row="2" Opacity="0.05"/>	
		</Grid>
    	<StackPanel HorizontalAlignment="Left" Orientation="Horizontal" VerticalAlignment="Bottom" Opacity="0.25">
    		<TextBlock TextWrapping="Wrap" HorizontalAlignment="Left" FontSize="48" Foreground="Red" Text="x: " VerticalAlignment="Top"/>
    		<TextBlock x:Name="lblX" TextWrapping="Wrap" HorizontalAlignment="Left" FontSize="48" Foreground="Red" VerticalAlignment="Top"/>
    	</StackPanel>
    	<StackPanel HorizontalAlignment="Right" Orientation="Horizontal" VerticalAlignment="Bottom" Opacity="0.25">
    		<TextBlock TextWrapping="Wrap" HorizontalAlignment="Left" FontSize="48" Foreground="Red" Text="y:" VerticalAlignment="Top"/>
    		<TextBlock x:Name="lblY" TextWrapping="Wrap" HorizontalAlignment="Left" FontSize="48" Foreground="Red" VerticalAlignment="Top"/>

    	</StackPanel>

    </Grid>
</UserControl>
